<template>
  <li>
      <div class="tu1">
        <img :src="imgfirst" alt="">
      </div>
      <div class="hxia">
        <p class="angle">{{title}}</p>
        <p class="zhuan">专人配送</p>
        <p class="oo"><span class="newp">{{nowprice}}</span></p>
      </div>
    </li>
</template>

<script>
export default {
    props:{
        imgfirst:String,
        title:String,
        nowprice:String
    }
}
</script>

<style>
    ul>li{
  display: inline-block;
    width: 50%;
}
.tu1{
  width: 1.645rem;
  height: 1.645rem;
}
.tu1 img{
  width: 100%;
  height: 100%;
}
.hxia{
    text-align: center;
    padding: 0.09rem 0 0.09rem;
}
.angle{
    font-family: PingFangSC-Regular;
    font-size: 0.14rem;
    color: #333;
    line-height: 0.16rem;
    margin-bottom: .07rem;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zhuan{
    font-family: PingFangSC-Light;
    font-size: 0.12rem;
    color: #999;
    line-height: 0.1rem;
    height: 0.1rem;
}
.oo{
    margin-top: 0.2rem;
    height: 0.16rem;
}
.newp{
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 0.16rem;
    color: #FF3939;
    line-height: 0.06rem;
}
</style>